@charset "UTF-8";
/* *
*
* @authors supmain (mtingfeng@gmail.com)
* @date    2014-08-13 08:54:19
* @update  2014-08-13 08:54:19
* @for webapp.html
* @version $Id$ */
/* *********************产品服务*********************** */
.content { width: 1000px; margin: 0px auto; margin-bottom: 30px; margin-top: 30px; }
.content .pro_ser_con { margin: 0px auto; overflow: hidden; margin-bottom: 10px; }
.content .product_title h3 { font-size: 18px; line-height: 30px; color: #000; font-weight: normal; margin-bottom: 10px; }
.content .product_title a.more { float: right; color: #666; font-size: 14px; line-height: 30px; }
.content .product_title a.more:hover { color: #08c; text-decoration: underline; }
.content .product_con { width: 998px; background-color: #fafafa; border: 1px solid #e7e7e7; overflow: hidden; margin: 0px auto; }
.content .product_con ul { margin: 0px auto; overflow: hidden; }
.content .product_con ul li { float: left; overflow: hidden; width: 249px; cursor: pointer; text-align: center; }
.content .product_con ul li .box { height: 248px; width: 100%; padding: 30px 0 0px 0; color: #666; }
.content .product_con ul li .intro { color: #fff; width: 100%; height: 248px; padding: 30px 0 0px 0; }
.content .product_con ul li .intro h2 { font-size: 16px; }
.content .product_con ul li .intro h3 { display: block; width: 200px; margin: 41px auto; word-wrap: break-word; height: 40px; }
.content .product_con ul li .intro p.by { margin-bottom: 15px; font-size: 14px; text-indent: 0; text-align: center; }
.content .product_con ul li .intro p { text-align: left; text-indent: 3.6em; }
.content .product_con ul li p { line-height: 20px; text-indent: 0em; }
.content .product_con ul li .intro a.know_more { color: white; font-size: 14px; border: 1px solid white; border-radius: 3px; width: 138px; height: 34px; line-height: 36px; text-align: center; display: block; margin: 0px auto; margin-top: 10px; }
.content .product_con ul li .intro a.know_more:hover { background: #fff; color: #333; text-decoration: none; }
.content .product_con ul li.sw .intro { background: url(/images/user/saasbg.jpg) repeat-x; }
.content .product_con ul li.qj .intro { background: url(/images/user/paasbg.jpg) repeat-x; }
.content .product_con ul li.jc .intro { background: url(/images/user/iaasbg.jpg) repeat-x; }
.content .product_con ul li.mh .intro { background: url(/images/user/portalbg.jpg) repeat-x; }
.content .product_con ul li.cell_mid .box, .content .product_con ul li.cell_last .box { border-left: 1px dashed #EEE; }
.content .product_con ul li.cell_last { width: 251px; }
.y-h2 { font-size: 16px; color: #333; }
.content .product_con ul li .box p.text { font-size: 14px; padding-bottom: 15px; text-indent: 0; }
.content .product_con ul li .box p.last { padding-top: 0; padding-bottom: 10px; }
a.y-btn { padding: 0; margin: 0; height: 36px; line-height: 36px; width: 140px; border: none; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; background-color: #3eabee; color: white; outline: none; display: inline-block; font-size: 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
a.y-btn:hover { background-color: #50b3ef; }
.content .product_con ul li span.icon { background: url(/images/user/bsty_icon.png) no-repeat; display: inline-block; width: 64px; height: 64px; margin-bottom: 25px; }
.content .product_con ul li span.email { background-position: 1px 0px; }
.content .product_con ul li span.jstx { background-position: -79px 0px; }
.content .product_con ul li span.weibo { background-position: -166px 0px; }
.content .product_con ul li span.txl { background-position: -253px 0px; }
/* *********************产品服务结束*********************** */
/* 左侧开始 */
.main-l { width: 200px; }
.main-l .list { background-color: #fafafa; border: 1px solid #e7e7e7; padding: 5px 10px; }
.main-l .list ul li { font-size: 14px; font-weight: bold; color: #333; line-height: 40px; }
.main-l .list ul li a { border-bottom: 1px solid #e7e7e7; text-decoration: none; display: block; }
.main-l .list ul li a.last, .main-l .list ul li ul li.last a { border: 0; }
.main-l .list ul li ul li a { padding-left: 10px; font-weight: normal; }
.main-l .online-consultation { background-color: #fafafa; border: 1px solid #e7e7e7; padding: 5px 0px; font-size: 14px; font-weight: bold; position: relative; }
.main-l .online-consultation .lm-icon { background: url(/images/user/bsty_icon.png) -418px -400px no-repeat; position: absolute; left: 0; top: 0; width: 31px; height: 31px; }
.main-l .online-consultation .online { border-bottom: 1px solid #e7e7e7; padding: 10px; line-height: 30px; text-align: center; }
.main-l .online-consultation .online .online-tel { border-bottom: 1px solid #e7e7e7; }
.main-l .online-consultation .online .online-tel span { font-size: 20px; color: #ff6533; font-weight: normal; }
.main-l .online-consultation .online .online-answer span { background-color: #00a2c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; height: 24px; padding: 1px 20px; }
.main-l .online-consultation .online .online-answer span i.icon { background-position: -458px -400px; width: 13px; height: 13px; margin: 0 3px 3px 0; }
.main-l .online-consultation .online .online-answer span a, .main-l .online-consultation .online .online-answer span a:hover { color: #fff; text-decoration: none; font-weight: normal; }
.main-l .online-consultation .feedback { border-top: 1px solid #fff; padding: 20px 10px 10px 10px; }
.main-l .online-consultation .feedback span { text-align: center; }
.main-l .online-consultation .feedback .text { width: 175px; height: 24px;line-height\0: 24px; margin: 5px 0; border: 1px solid #e7e7e7; color: #999; text-indent: 5px; }
.main-l .online-consultation .feedback .button { background-color: #00a2c9; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; width: 100px; height: 35px; margin-top: 5px; text-align: center; text-decoration: none; line-height: 35px; color: #fff; margin-left: 40px; display: block; }
.main-l .dimensional-code { background-color: #fafafa; border: 1px solid #e7e7e7; padding: 10px; font-size: 14px; font-weight: bold; text-align: center; }
.main-l .dimensional-code h2 { font-size: 14px; text-align: center; line-height: 30px; margin-bottom: 10px; }
.main-l .dimensional-code div { font-size: 12px; margin-top: 10px; }
/* 左侧结束 */
/* *********************手机端和电脑下载开始*********************** */
.phodown_mok { position: relative; margin: 0px auto; padding: 30px 0px; border-bottom: 1px dashed #e4e4e4; height: 100px; }
.phodown_mok .img_con { float: left; margin-right: 50px; }
.phodown_mok .text_con { color: #333; float: left; width: 590px; }
.phodown_mok .text_con p { font-size: 14px; text-indent: 0; }
.phodown_mok .text_con .btn_con { margin: 0px auto; margin-top: 10px; }
.phodown_mok .text_con .btn_con .android { float: left; margin-right: 15px; }
.phodown_mok .text_con .btn_con a.btn { display: block; float: left; border-radius: 3px; width: 80px; height: 30px; line-height: 30px; color: #fff; font-size: 14px; padding: 0px 10px; margin-right: 2px; }
.phodown_mok .text_con .btn_con a.mfxz_btn { display: block; float: left; border-radius: 3px; width: 100px; height: 30px; line-height: 30px; color: #fff; font-size: 14px; padding: 0px 10px; margin-right: 2px; }
.phodown_mok .text_con .btn_con a.ewm { display: block; float: left; width: 36px; height: 28px; position: relative; }
.phodown_mok .text_con .btn_con a.ewm img.small { position: absolute; top: 7px; right: 7px; }
.phodown_mok .text_con .btn_con a.btn:hover { text-decoration: none; }
.phodown_mok .text_con .btn_con .android a.btn { background: #3eabee; }
/* .phodown_mok .text_con .btn_con .apple { z-index: 9; position: relative; } */
.phodown_mok .text_con .btn_con .apple a.btn { background: #fba848; }
.phodown_mok .text_con .btn_con .pc a.btn { background: #57be87; }
.phodown_mok .text_con .btn_con .pc a.mfxz_btn { background: #b88ce1; }
.phodown_mok .text_con .btn_con a.btn i.icon { width: 20px; height: 21px; margin-right: 10px; margin-top: -4px; }
.phodown_mok .text_con .btn_con .android a.btn i.icon { background-position: -126px -86px; }
.phodown_mok .text_con .btn_con .apple a.btn i.icon { background-position: -177px -86px; }
.phodown_mok .text_con .btn_con .pc a.btn i.icon { background-position: -225px -86px; }
.tc_ewm { padding: 1px; position: absolute; top: 33px; left: 6px; z-index: 1009; border: 1px solid #ccc; background: #fff; box-shadow: 0 0px 6px rgba(0, 0, 0, .2); }
.lastewm { top: -165px; }
/* *********************手机端和电脑下载结束*********************** */
.main-r { width: 780px; }
.main-r .partner .lm-t { background-color: #f2f2f2; height: 40px; line-height: 40px; font-size: 18px; text-indent: 10px; }
/* 合作伙伴 */
.main-r .partner .lm-t { background-color: #f2f2f2; height: 40px; line-height: 40px; font-size: 18px; text-indent: 10px; }
.main-r .partner .lm-t .span { font-size: 14px; padding-right: 20px; }
.main-r .partner .box { padding: 0 20px; }
.main-r .partner .box .rjkfs { border-bottom: 1px dashed #e7e7e7; padding: 20px 0; }
.main-r .partner .box .pic { width: 160px; height: 120px; }
.main-r .partner .box p { line-height: 24px; }
.main-r .partner .box .pic a { display: block; position: static !important; overflow: hidden; text-align: center; vertical-align: middle; display: table-cell; font-family: Arial; width: 158px; height: 118px; border: 1px solid #e7e7e7; *display: block; *font-size: 118px; _font-family: sans-serif; }
.main-r .partner .box .pic img { vertical-align: middle; }
.main-r .partner .box dl { float: left; width: 560px; }
.main-r .partner .box dl dt { font-size: 16px; line-height: 30px }
.main-r .partner .box dl dd { font-size: 14px; line-height: 24px; color: #666; }
/*合作伙伴结束*/
.pc .btn{margin-left: 15px;}